.sys-app,
.sys-error-page,
.sys-full-page{
    position: relative;
    width: 100%;
    height: 100%;
}
.sys-page{
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    background-color: #f3f3f4;
}
.sys-content{
    position: absolute;
    top: $headerHeight;
    right: 0;
    bottom: 0;
    padding-top: 53px;
    &.left{
        left: 0px;
    }
    &.top{
        left: 0
    }
}

.el-button--edit {
    color: $white;
    background-color: $editBtnBg;
    border-color: $editBtnBg;

    &:hover{
        background-color: $editBtnHoverBg;
        color: $white;
    }

    &:focus{
        color: $white;
        background-color: $editBtnBg;
        border-color: $editBtnBg;
    }
}

.el-table{
    th {
        text-align: center;
        font-weight: bold;
        color: #303133;
    }

    .rightCell{
        text-align: right;
    }

    .centerCell {
        text-align: center;
    }
}

.centerText{
    text-align: center;
}

.el-button{
    span {
        font-weight:bold
    }
}

.el-select{
    width: 100%
}

.el-table th, .el-table td{
    padding: 8px 0;
}

.el-table th{
    background-color: $tableBg;
}

.el-table--border th, .el-table--border td{
    border-right: 1px solid $tableBoder;
    border-top: 1px solid $tableBoder;
}

/*.el-table td{
    border-right: 1px solid $tableBoder;
    border-top: 1px solid $tableBoder;
}*/

.fullWidth {
    width: 100%;
}

/**
小按钮的样式
 */
.el-button--small{
    padding: 8px 8px
}

/**
验证通过后的输入框颜色
 */
.el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, .el-form-item.is-success .el-textarea__inner, .el-form-item.is-success .el-textarea__inner:focus{
    border: 1px solid #dcdfe6
}

/**
多行文本字体
 */
.el-textarea__inner{
    font-family: Arial;
    width: 100%;
}

.el-input.is-disabled .el-input__inner {
    color: black;
}

/**
多行文本禁用后的文本颜色
 */
.el-textarea.is-disabled .el-textarea__inner{
    color: black;
}

/**
复选框的外框样式
 */
.el-checkbox__inner{
    border: 1px solid #909399;
}


/**
 * tag 的样式
 */
.el-tag--danger{
    background-color: #ed5565;
    color: white;
    padding: 0px 8px;
    font-weight: 600
}

.el-tag--success{
    background-color: #1c84c6;
    color: white;
    padding: 0px 8px;
    font-weight: 600
}

.el-tag--warning{
    background-color: #f8ac59;
    color: white;
    padding: 0px 8px;
    font-weight: 600
}

/**
 * button 之间的间距
 */
.el-button + .el-button{
    margin-left: 2px;
}

.el-button [class*="fa-"] + span{
    margin-left: 2px;
}

.el-input-number{
    width: 100%;
}
